<template>
	<cl-page background-color="#fff">
		<view class="main-content">
			<view class="download-fragment">
				<image class="download-fragmen--phone" src="/static/logo-1.png" alt="" />
				<view class="app-info">象数助念器</view>
				<view class="download-fragmen--advantages">点击即可助念,经典象数配方、名家辩证参考方...</view>
				<uni-link :href="url" :showUnderLine="false" color="#1F8258" class="download-fragment--button"
					text="下载APP"></uni-link>
				<view class="devops">
					<view class="devops-title">开发者：弘道易医保健信息咨询服务部</view>
					<view class="devops-cnt">
						<view class="devops-cnt-a" @tap="
						router.push({
							path: '/pages/user/doc',
							query: {
								key: 'userAgreement',
								title: '用户协议',
							},
						})
					">用户权限</view>
						<view class="devops-cnt-a" style="margin-left:6rpx" @tap="
						router.push({
							path: '/pages/user/doc',
							query: {
								key: 'privacyPolicy',
								title: '隐私政策',
							},
						})
					">隐私协议</view>
					</view>
				</view>
			</view>
			<!-- moban -->
			<view class="template">
				<view class="template-title">象数助念</view>
				<view class="template-subtitle">秒播无杂音,自动生成播放记录</view>
				<view style="display:flex;justify-content: space-between;">
					<image
						src="https://image-apk-1310343798.cos.ap-nanjing.myqcloud.com/app%2Fbase%2Fccecb4fc5e0f400eaaff133ed7958933_447e466fba27b022a285efd59778636.jpg"
						mode="aspectFit" />
					<image
						src="https://image-apk-1310343798.cos.ap-nanjing.myqcloud.com/app%2Fbase%2Fcd561a45df6c441688ee745453d679ba_6642e8244a912d77f447936d3d5c1fc.jpg"
						mode="aspectFit" />
				</view>

				<uni-link :href="url" :showUnderLine="false" color="#1F8258" class="download-fragment--button"
					text="下载APP，立即体验"></uni-link>
			</view>
			<view class="template">
				<view class="template-title">象数配方</view>
				<view class="template-subtitle">经典象数配方、名家辩证参考方、验方</view>
				<view style="display:flex;justify-content: space-between;">
					<image
						src="https://image-apk-1310343798.cos.ap-nanjing.myqcloud.com/app%2Fbase%2Fa33dd0f2efc24dcf9d0fa4f27210916a_75d524ff5605cf1e70b563ed1300876.jpg"
						mode="aspectFit" />
					<image
						src="https://image-apk-1310343798.cos.ap-nanjing.myqcloud.com/app%2Fbase%2F6ac5491d36bd4ccd848e94a87282e63e_a820f4d44aa9f9e55949e644cbde707.jpg"
						mode="aspectFit" />
				</view>
				<uni-link :href="url" :showUnderLine="false" color="#1F8258" class="download-fragment--button"
					text="下载APP，立即体验"></uni-link>
			</view>
			<view class="template editor">
				<view class="template-title">象数商城</view>
				<view class="template-subtitle">学象数少走弯路，满满干货，图文并茂……</view>
				<view style="display:flex;justify-content: space-between;">
					<image
						src="https://image-apk-1310343798.cos.ap-nanjing.myqcloud.com/app%2Fbase%2Fa57a53a343794abe9f269878aa548dda_d51ff15c79c600e18d47774b48a5831.jpg"
						mode="aspectFit" />
					<image
						src="https://image-apk-1310343798.cos.ap-nanjing.myqcloud.com/app%2Fbase%2Fa9c3ff2b19c247bc841051a0faf2492b_6ad522cf1767cab6394cac66767f9ab.jpg"
						mode="aspectFit" />
				</view>
				<uni-link :href="url" :showUnderLine="false" color="#1F8258" class="download-fragment--button"
					text="下载APP，立即体验"></uni-link>
			</view>
			<view class="comment">
				<view class="bottom-company-info"
					style="display: grid;text-align: center;font-weight: 400;color: #fff;font-size: 26rpx;">
					<view ><uni-link href="https://beian.miit.gov.cn/" :showUnderLine="false" color="#fff"
						text="辽ICP备2022004086号-1"></uni-link></view>
					<view style="margin-bottom:6rpx">开发者：弘道易医保健信息咨询服务部</view>
					<view>象数助念器
						<view class="" style="display:flex;justify-content: center;">
							<view @tap="
							router.push({
								path: '/pages/user/doc',
								query: {
									key: 'userAgreement',
									title: '用户协议',
								},
							})" style="color:white;font-weight: 700;text-decoration: underline;">用户协议</view>
							<view @tap="
							router.push({
								path: '/pages/user/doc',
								query: {
									key: 'privacyPolicy',
									title: '隐私政策',
								},
							})
						" style="color:white;font-weight: 700;text-decoration: underline;margin-left:6rpx">隐私协议</view>
						</view>
					</view>

				</view>
			</view>
		</view>
	</cl-page>
</template>

<script lang="ts" setup>
	import { onPullDownRefresh, onShow, onReady } from "@dcloudio/uni-app";
	import { useCool, useStore, usePager } from "/@/cool";
	import { reactive, ref, computed } from "vue";
	import { isAndroid } from "/@/cool/utils";
	import { useUi } from "/$/cool-ui";
	const { router, service } = useCool();
	const { user, dict } = useStore();
	const ui = useUi();
	const url = ref("")
	onReady(async () => {
		// 获取字典
		await dict.refresh();
		let { platform } = uni.getSystemInfoSync();
		if (platform == "ios") {
			url.value = dict.getValue('version', 'apple')
		} else {
			url.value = dict.getValue('version', 'h5')
		}
	})
	onShow(() => {
	});
</script>

<style lang="scss" scoped>
	.comment {
		padding: 134rpx 46rpx 70rpx 46rpx;
		background-image: linear-gradient(white 0%, white 20%, $cl-color-imagePlayer-primary 20%, $cl-color-imagePlayer-primary);

		.download-button {
			margin: 140rpx auto 60rpx auto;
		}

		.logo {
			display: flex;
			justify-content: center;
			font-size: 28rpx;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
		}
	}

	.template {
		padding-top: 124rpx;
		text-align: center;

		.template-title {
			font-size: 44rpx;
			font-weight: bold;
			color: rgba(0, 0, 0, 1);
			margin-bottom: 36rpx;
		}

		.template-subtitle {
			font-size: 32rpx;
			font-weight: 400;
			color: rgba(86, 86, 86, 1);
			margin-bottom: 50rpx;
		}

		image {
			width: 700rpx;
		}

		.download-fragment--button {
			background: rgba(255, 255, 255, 1);
			border: 1px solid $cl-color-imagePlayer-primary;
			color: $cl-color-imagePlayer-primary;
			margin-top: 28px;
			text-align: center;
		}
	}

	.download-fragment {
		height: 958rpx;
		background-size: 100% 100%;
		text-align: center;
		background-image: linear-gradient(white 0%, $cl-color-imagePlayer-primary );
		background-position: center;
		background-repeat: no-repeat;
	}

	.download-fragmen--phone {
		width: 160rpx;
		height: 160rpx;
		margin-bottom: 28rpx;
		margin-top: 130rpx
	}

	.app-info {
		font-size: 40rpx;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		line-height: 68rpx;
		margin-bottom: 58rpx;
	}

	.download-fragmen--advantages {
		font-size: 26rpx;
		font-weight: 500;
		color: rgba(220, 220, 220, 1);
		margin-bottom: 78rpx;
	}


	.download-fragment--button {
		width: 430rpx;
		height: 84rpx;
		margin: 0 auto;
		font-size: 34rpx;
		font-weight: 500;
		color: $cl-color-imagePlayer-primary;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background: #FFFFFF;
		border-radius: 12rpx;
	}

	.tip,
	.devops-title,
	.devops-cnt-a {
		font-size: 26rpx;
		font-weight: 500;
		color: rgba(220, 220, 220, 1);
	}

	.devops,
	.tip {
		margin-top: 20rpx;
	}

	.devops-cnt {
		margin-top: 10rpx;
		display: flex;
		justify-content: center;
	}
</style>